<template>
	<view class="icons flex_align_conter">
		<image style="width: 45rpx;height: 45rpx;" src="@/static/images/icons/meal_1.svg" mode="">
		</image>
		<view class="f18" style="margin: 0 8rpx;">
			餐品
		</view>
		<view class="title f18">
			{{content}}
		</view>
	</view>
</template>

<script>
	export default {
		name: '',
		components: {},
		props: {
			content: {
				type: String
			}
		}
	}
</script>

<style scoped lang="scss">
	.icons {
		// margin-bottom: 20rpx;

		.title {

			display: inline-block;
			border-radius: 8rpx;
			/* 主色 */
			background: #E6F7F1;
			font-size: 20rpx;
			color: #0EB275;
			padding: 4rpx 10rpx;
		}
	}
</style>